body {
	background-color: #FFF3BE;
	font-family : Trebuchet MS, Arial, Verdana, sans-serif;
}

a {
	color: #C72027;
	text-decoration: none;
}

a:hover {
	color: #000000;
}

.btn { 
	display: block;
	padding: 2px;
	position: relative;
	left: 20px;
	top: 2px;
	float: left;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	z-index: 2;
	width: 98px;
	height: 20px;
	background: #9d4;
	background-image: url(images/shade.png);
	background-position: bottom;
	border-radius: 5px;
	-moz-border-radius: 5px;
}

.modal {
	color: black;
	background-color:white;
	display:none;
	width:350px;
	padding:15px;
	text-align:left;
	border:1px solid #333;
	opacity:0.9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
}

.modal_large {
	color: black;
	background-color:white;
	display:none;
	width:454px;
	padding:15px;
	text-align:left;
	border:1px solid #333;
	opacity:0.9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
}
	
.modal h2 {
	background:url(/images/icon/status_online.png) 0 50% no-repeat;
	margin:0px;
	padding:10px 0 10px 45px;
	border-bottom:1px solid #333;
	font-size:20px;
}

.error h2 {
	background:url(/images/icon/exclamation.png) 0 50% no-repeat;
	margin:0px;
	padding:10px 0 10px 45px;
	border-bottom:1px solid #333;
	font-size:20px;
}

.ok h2 {
	background:url(/images/icon/heart.png) 0 50% no-repeat;
	margin:0px;
	padding:10px 0 10px 45px;
	border-bottom:1px solid #333;
	font-size:20px;
}

.maintenance h2 {
	background:url(/images/icon/hammer_b.png) 0 50% no-repeat;
	margin:0px;
	padding:10px 0 10px 45px;
	border-bottom:1px solid #333;
	font-size:20px;
}

.info h2 {
	background:url(/images/icon/info_rhombus.png) 0 50% no-repeat;
	margin:0px;
	padding:10px 0 10px 45px;
	border-bottom:1px solid #333;
	font-size:20px;
}

.password h2 {
	background:url(/images/icon/change_password.png) 0 50% no-repeat;
	margin:0px;
	padding:10px 0 10px 45px;
	border-bottom:1px solid #333;
	font-size:20px;
}


.modder h2 {
	background:url(/images/icon/exchange.png) 0 50% no-repeat;
	margin:0px;
	padding:10px 0 10px 45px;
	border-bottom:1px solid #333;
	font-size:20px;
}

.member_edit h2 {
	background:url(/images/icon/vcard_edit.png) 0 50% no-repeat;
	margin:0px;
	padding:10px 0 10px 45px;
	border-bottom:1px solid #333;
	font-size:20px;
}

.team h2 {
	background:url(/images/icon/user_zorro.png) 0 50% no-repeat;
	margin:0px;
	padding:10px 0 10px 45px;
	border-bottom:1px solid #333;
	font-size:20px;
}

#bg_top {
	float: left;
	position: absolute;
	height: 118px;
	width: 100%;
	left: -5px;
	z-index: -1;
	background-image: url('images/bg_top.png');
}

#topbar {
	position: absolute;
	background-image: url('images/topbar_bg.gif');
	top: 0px;
	left: -2px;
	float: left;
	height: 30px;
	z-index: 1;
	width: 100%;
}

#options
{
	margin-top: -1px;
	background-image: url('images/new/BarreSup/Options.png');
	height: 30px;
	width: 30px;
}

#options:hover
{
	background-image: url('images/new/BarreSup/Options_selection.png');
	height: 30px;
	width: 30px;
}

#redac
{
	margin-top: -1px;
	background-image: url('images/new/BarreSup/Redaction.png');
	height: 30px;
	width: 30px;
}

#redac:hover
{
	background-image: url('images/new/BarreSup/Redaction_selection.png');
	height: 30px;
	width: 30px;
}

#admin
{
	margin-top: -1px;
	background-image: url('images/new/BarreSup/Administration.png');
	height: 30px;
	width: 30px;
}

#admin:hover
{
	background-image: url('images/new/BarreSup/Administration_selection.png');
	height: 30px;
	width: 30px;
}

#connected ul {
	margin:0px; 
	padding:0px;
	display: inline;
}

#connected ul li{
	display:inline;
	height:30px; 
	float:left; 
	list-style:none;
	position:relative;
	margin-left: 5px;
}

#connected li ul{
	background-color:#58585A;
	margin:0px;
	padding:0px;
	display:none;
	position:absolute;
	left:0px;
	top:28px;
}

#connected li:hover ul
{
	background-color:#58585A;
	display:block;
	width: 200px;
	box-shadow: -1px 5px 5px -1px black;
}

#connected li li
{
	list-style:none;
	display:list-item;
}

#connected  a
{
	color: #D8D9DA;
}

#connected  a:hover
{
	color: white;
}

#connected {
	float: left;
	color: white;
	margin-left: 20px;
	margin-top: 2px;
}

#connected img {
	margin-top: 4px;
}

#research {
	float: right;
	margin-right: 3px;
	padding: 2px;
}

#banner a{
	background-image: url('images/banner.png');
	width: 1140px;
	height: 300px;
	display: block;
	margin-top: 30px;
}

#wrap {
	width: 1140px;
	margin: auto;
}

#left {
	float: left;
	margin-top: 47px;
}

.l_block {
	margin-top: 10px;
}

.block_title {
	background-image: url('images/block_h.png');
	z-index: 1;
	color: white;
	padding-top: 2px;
	width: 240px;
	height: 36px;
}

.block_inside {
	background-image: url('images/block_in.gif');
	width: 216px;
	position: relative;
	z-index: 0;
	top: -7px;
	left: 8px;
	padding: 8px 0 2px 8px;
}

.block_foot {
	background-image: url('images/block_foot.png');
	width: 224px;
	height: 7px;
	margin-top: -7px;
	margin-left: 8px;
}

.survey {
	padding: 0px 0px 0px 0px;
}

#middle {
	padding-top: 25px;
	margin: auto;
	width: 590px;
}

.whole_news {
	width: 865px;
	margin-top: 20px;
	margin-bottom: 65px;
}

.news {
	float: left;
	background-color: #EBEEF5;
	margin-left: -5px;
	width: 590px;
	padding: 3px;
	border: 3px solid white;
}

.all_comments {
	float: left;
	width: 590px;
	border-top: 1px dotted black;
	margin-top: 15px;
}

.text {
	float: left;
	text-align: justify;
	margin-left: 20px;
	margin-right: 0px;
	width: 405px;
}

.infos {
	float: left;
	text-align: left;
	font-size: 14px;
	width: 120px;
	margin-left: 2px;
}

.comment_form {
	float: left;
	width: 590px;
	position: relative;
	top: 5px;;
}

.img_news {
	border: 3px solid white;
}

.comments {
	position: relative;
	margin-left: 597px;
	padding-top: 8px;
}

.comment {
	background-color: #EBEEF5;
	margin-top: 8px;
	border: 3px solid white;
	border-left: 3px solid #bcbec4;
	width: 272px;
	padding: 3px;
}

.comment_btm {
	background-image: url('images/comm_foot.png');
	position: relative;
	bottom: -9px;
	left: -5px;
	width: 280px;
	height: 4px;
}

.news_footer {
	background-image: url('images/news_foot.png');
	float: left;
	position: relative;
	left: -6px;
	width: 602px;
	height: 7px;
}

.line_dotted {
	border-bottom: 1px dotted black;
}
#footer {
	background-color: #EBEEF5;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 590px;
	padding: 1px;
	border: 3px solid white;
}

#bg_btm {
	float: left;
	left: -5px;
	bottom: 1px;
	height: 118px;
	left: -5px;
	z-index: -1;
	width: 100%;
	background-image: url('images/bg_btm.png');
	background-position: left;
}

.ribbon {
	float: left;
	text-transform: uppercase;
	position: relative;
	left: -14px;
	margin-top: 15px;
	width: 563px;
	height: 48px;
	padding-left: 13px;
	padding-top: 9px;
}

.esp {
	float: left;
	width: 700px;
	height: 5px;
}

.nc2 {
	background-image: url('images/ribbons/nc2.png');
	background-repeat: no-repeat;
	color: white;
}

.alpha {
	background-image: url('images/ribbons/alpha.png');
	background-repeat: no-repeat;
	color: white;
}

.cafe {
	background-image: url('images/ribbons/cafe.png');
	background-repeat: no-repeat;
	color: white;
}

.cara {
	background-image: url('images/ribbons/cara.png');
	background-repeat: no-repeat;
	color: black;
}

.cm {
	background-image: url('images/ribbons/cm.png');
	background-repeat: no-repeat;
	color: black;
}

.conquis {
	background-image: url('images/ribbons/conquis.png');
	background-repeat: no-repeat;
	color: black;
}

.dinoc {
	background-image: url('images/ribbons/dinoc.png');
	background-repeat: no-repeat;
	color: black;
}

.dinop {
	background-image: url('images/ribbons/dinop.png');
	background-repeat: no-repeat;
	color: black;
}

.dinor {
	background-image: url('images/ribbons/dinor.png');
	background-repeat: no-repeat;
	color: black;
}

.fruti {
	background-image: url('images/ribbons/fruti.png');
	background-repeat: no-repeat;
	color: black;
}

.hm {
	background-image: url('images/ribbons/hm.png');
	background-repeat: no-repeat;
	color: black;
}

.hordes {
	background-image: url('images/ribbons/hordes.png');
	background-repeat: no-repeat;
	color: white;
}

.hyper {
	background-image: url('images/ribbons/hyper.png');
	background-repeat: no-repeat;
	color: white;
}

.kado {
	background-image: url('images/ribbons/kado.png');
	background-repeat: no-repeat;
	color: black;
}

.lapin {
	background-image: url('images/ribbons/lapin.png');
	background-repeat: no-repeat;
	color: black;
}

.mt {
	background-image: url('images/ribbons/mt.png');
	background-repeat: no-repeat;
	color: white;
}

.muxxu {
	background-image: url('images/ribbons/muxxu.png');
	background-repeat: no-repeat;
	color: white;
}

.piouz {
	background-image: url('images/ribbons/piouz.png');
	background-repeat: no-repeat;
	color: black;
}

.quizz {
	background-image: url('images/ribbons/quizz.png');
	background-repeat: no-repeat;
	color: white;
}

.sw {
	background-image: url('images/ribbons/sw.png');
	background-repeat: no-repeat;
	color: black;
}

.sys {
	background-image: url('images/ribbons/system.png');
	background-repeat: no-repeat;
	color: white;
}

.lgmt {
	background-image: url('images/ribbons/lgmt.png');
	background-repeat: no-repeat;
	color: white;
}

hr {
	color: #fff; 
	background-color: #fff; 
	border: 1px dotted #ff0000; 
	border-style: none none dotted; 
}